<style>
table.panelTbl {
	background-color: #FFF;
	border: 1px solid #f0f0f0;
	border-collapse: collapse;
}

tr.panelTr {
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
	height: 40px;
	padding: 0 10px;
}

tr.panelTitleTr {
	color: #95B8E7;
	font-weight: 700;
	background-color: #f7f7f7;
	/* 	height:40px; */
}

td.panelTd {
	padding: 10px;
}

.panelA {
	text-decoration: none;
	color: black
}
</style>
<script src="static/plugins/echarts/echarts.common.min.js"></script>
<div class="easyui-layout" data-options="fit: true">
	<div data-options="region: 'north', border: false"
		style="height: 495px;">
		<table style="width: 100%">
			<tr class="panelTr">
				<td  class="panelTd">
					<div style="padding-top: 20px;border-radius:5px;padding-bottom: 20px;width: 120px;text-align: center;background-color: #95B8E7;">
						<a href="#" onclick="customerQuickOrder()" style="text-decoration: none;color:white;font-size:20px;font-weight: bold;">立即下单</a>
					</div>
				</td>
			</tr>
			<tr class="panelTr">
				<td style="width: 70%" class="panelTd">
					<table style="width: 100%;" class="panelTbl">
						<tr class="panelTitleTr panelTr">
							<td class="panelTd" colspan="4" style="width: 400px;">订单图表</td>
							<td class="panelTd"><input type="radio" checked="checked" />月
								<!-- 										<input type="radio" />季度 --> <!-- 										<input type="radio" />半年 -->
								<!-- 										<input type="radio" />年 --></td>
						</tr>
						<tr class="panelTr">
							<td colspan="5">
								<div id="main" style="width: 100%; height: 280px;"></div>
							</td>
						</tr>
					</table>
				</td>
				<td style="width: 30%;" class="panelTd">
					<table style="width: 100%;" class="panelTbl">
						<tr class="panelTitleTr panelTr">
							<td class="panelTd">最新通知</td>
							<td class="panelTd">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						</tr>
						<#list msgList as msg>
						<tr class="panelTr">
							<td class="panelTd">&nbsp;<a href="#" class="panelA">${msg.title!}</a></td>
							<td class="panelTd">${msg.publishTime!}</td>
						</tr>
						</#list>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<div data-options="region: 'center', border: false">
		<div class="easyui-layout" data-options="fit: true">
			<div data-options="region: 'north', border: false"
				style="height: 400px;">
				
			</div>
			<div data-options="region: 'center', border: false">
			
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	function customerQuickOrder() {
		var isExists = window.mainpage.mainTabs.isExists(
				'${orderMenu.nameCN!}', '${orderMenu.pageUrl!}');
		window.showAddOrderWindow = true;
		window.mainpage.clickMenuAddModelTab('${orderMenu.id!}',
				'${orderMenu.nameCN!}', '${orderMenu.pMenuId!}',
				'${orderMenu.pageUrl!}', 'icon-save', false);
		if (isExists == 2) {
			var currentTab = $('#mainTabs').tabs('getSelected');
			currentTab.panel('refresh', '${orderMenu.pageUrl!}');
		}
	}
</script>
<script type="text/javascript">
		var myChart = echarts.init(document.getElementById('main'));
        // 基于准备好的dom，初始化echarts实例
        myChart.clear();  
        myChart.showLoading({text: '正在努力的读取数据中...'});  
        $.post('order.do?loadCharts',{},function(result){
            if (result.success){
            	myChart.setOption(result.obj);;    
            }
            myChart.hideLoading();  
        },'json');

        
    </script>
